<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../src/lala-ui.css">
    <title>search</title>
</head>
<body>
    <!-- 带suggest的搜索框 -->
    <div class="tt-search on-focus">
        <!-- 搜索框 -->
        <form class="tt-search-form" action="#">
            <div class="tt-search-input-wrap">
                <i class="fa fa-search tt-search-icon"></i>
                <input type="text" class="tt-search-input" placeholder="搜索" autocomplete="off" required>
                <i class="fa fa-times tt-search-clear"></i>
            </div>
            <span class="tt-search-cancel">取消</span>
        </form>
        <!-- 搜索建议 -->
        <ul class="tt-search-suggest">
            <li class="tt-suggest-item">手机</li>
            <li class="tt-suggest-item">苹果</li>
            <li class="tt-suggest-item">香蕉</li>
            <li class="tt-suggest-item">句子</li>
            <li class="tt-suggest-item">辣鸡</li>
        </ul>
    </div>
    <!-- 内容区 -->
    <p class="content">内容区</p>
</body>
</html>